<extend name="Layout/index" />

<block name="breadcrumb-01">
	<li>
		<i class="icon-home home-icon"></i>
		<a href="#">首页</a>
	</li>
	<li class="active"图片管理</li>
</block>

<block name="breadcrumb-02">
	<h1>
	图片列表
		<small>
			<i class="icon-double-angle-right"></i>
			图片信息
		</small>
	</h1>
</block>
<block name="goodsindex.css">
	<script src='__PUBLIC__/assets/js/jquery-2.0.3.min.js'>
	</script>
	<script src="__PUBLIC__/Js/jquery.min.js"></script>
</block>
<block name="main">
			<div class="alert alert-info">
				<i class="icon-hand-right "></i>
				<span class="red">注意以下功能:&nbsp;</span>
					<b href="#">
						<i class="icon-link"></i>
						<span>分享&nbsp;</span>	
					</b>

					<b href="#">
						<i class="icon-paper-clip"></i>
						<span>收藏&nbsp;</span>
					</b>

					<b href="#">
						<i class="icon-pencil"></i>
						<span>封面&nbsp;</span>
					</b>

					<b href="#">
						<i class="icon-remove red"></i>
						<span>删除&nbsp;</span>
					</b>
				<button class="close" data-dismiss="alert">
					<i class="icon-remove"></i>
				</button>
			</div>
			<!-- PAGE CONTENT BEGINS -->
			<div class="row-fluid">
				<ul class="ace-thumbnails">
					<volist name="data" id="vo">
						<li>
							<a href="__PUBLIC__/assets/images/gallery/image-1.jpg" title="Photo Title" data-rel="colorbox">
								<img alt="192x150" src="__PUBLIC__/Uploads/<{$vo.filename2}>" />
								<div class="tags">
									
									<span class="label-holder">
										<span class="label label-danger">favourite</span>
									</span>
									
									<span class="label-holder">
										<span class="label label-info">collect</span>
									</span>
									<span class="label-holder">
										<span class="label label-success">common</span>
									</span>

									<span class="label-holder">
										<span class="label label-warning arrowed-in">shit</span>
									</span>
								</div>
							</a>
							<div class="tools">
								<a href="#">
									<i class="icon-link"></i>
								</a>

								<a href="#">
									<i class="icon-paper-clip"></i>
								</a>

								<a href="<{:U('GoodsImg/face',array('id'=>$vo['id'],'gid'=>$vo['gid']))}>">
									<i class="icon-pencil"></i>
								</a>
								
								<a href="<{:U('GoodsImg/del',array('id'=>$vo['id']))}>">
									<i class="icon-remove red"></i>
								</a>
							</div>
						</li>
						</volist>
				</ul>
			</div><!-- PAGE CONTENT ENDS -->


	<!-- <![endif]-->

	<!--[if IE]>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<![endif]-->

	<!--[if !IE]> -->

	<script type="text/javascript">
		window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
	<script type="text/javascript">
	window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
	</script>
	<![endif]-->

	<script type="text/javascript">
		if("ontouchend" in document) document.write("<script src='__PUBLIC__/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
	</script>


	<!-- page specific plugin scripts -->

	<script src="__PUBLIC__/assets/js/jquery.colorbox-min.js"></script>

	<!-- ace scripts -->



	<!-- inline scripts related to this page -->

	<script type="text/javascript">
		jQuery(function($) {
		var colorbox_params = {
		reposition:true,
		scalePhotos:true,
		scrolling:false,
		previous:'<i class="icon-arrow-left"></i>',
		next:'<i class="icon-arrow-right"></i>',
		close:'&times;',
		current:'{current} of {total}',
		maxWidth:'100%',
		maxHeight:'100%',
		onOpen:function(){
			document.body.style.overflow = 'hidden';
		},
		onClosed:function(){
			document.body.style.overflow = 'auto';
		},
		onComplete:function(){
			$.colorbox.resize();
		}
	};

	$('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
	$("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");//let's add a custom loading icon

	/**$(window).on('resize.colorbox', function() {
		try {
			//this function has been changed in recent versions of colorbox, so it won't work
			$.fn.colorbox.load();//to redraw the current frame
		} catch(e){}
	});*/
})
	</script>

</block>